<style lang="scss" scoped>
.top-bar {
	width: 100%;
	height: 6vh;
	border-bottom: 1px solid #e5e5e5;
	box-sizing: border-box;
	padding: 0 5%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	background: white;
	display: flex;
	align-items: center;
}
.back {
	width: 3vh;
	height: 3vh;
	margin: 1vh 0;
}
</style>
<template>
	<div class="top-bar">
		<!-- 顶部导航栏 -->
		<img
			v-show="!props.notBack"
			@click="$router.go(-1)"
			class="back"
			src="../img/back.svg"
			alt=""
		/>
		<span class="absolute-center">{{ props.title }}</span>
	</div>
</template>
<script setup>
const props = defineProps(["title", "notBack"]);
</script>
